/* pages/user/index.wxss */
.user {
    width: 100%;
    height: ~'calc(100vh - 329rpx)';
    background: #f9f9f9;
    // background: lime;
    box-sizing: border-box;
    padding: 0 12rpx;
    padding-top: 20rpx;
}
.user_head {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 329rpx;
    position: relative;
    z-index: 5;
    overflow: hidden;
    &_photo {
        display: flex;
        flex-direction: column;
        align-items: center;
        &_image {
            border-radius: 50%;
            width: 172rpx;
            height: 172rpx;
        }
        &_name {
            padding-top: 16rpx;
            color: white;
            font-size: 32rpx;   
        }
    }
    &_bgc {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        bottom: 0;
        z-index: -1;
        filter: blur(20rpx);
    }
}
.user_pay {
    border-radius: 15rpx;

    // margin: 0 12rpx;
    background: #ffffff;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    height: 144rpx;
    &_item {
        display: flex;
        align-items: center;
        // justify-content: space-around;
        flex-direction: column;
        font-size: 26rpx;
        .iconfont {
            margin:30rpx 0 16rpx 0;
           font-size: 46rpx;
        }
    }
    .active {
        color: #ea4350;
    }
}
.user_list {
    height: 520rpx;
    border-radius: 15rpx;
    margin-top: 20rpx;
    background: #ffffff;
    font-size: 26rpx;
    &_bar {
        width: 100%;
        height: 101rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        &_left {
            padding-left: 40rpx;
        }
        &_right {
            padding-right: 46rpx;
        }
        &::before {
            position: absolute;
            content:"";
            width: 90%;
            height: 2rpx;
            background: #dcdcdc;
            left: 50%;
            bottom: 5rpx;
            transform: translateX(-50%);
        }
    }
}